<?php
/**
 * The sidebar containing the main widget area.
 *
 * If no active widgets in sidebar, let's hide it completely.
 *
 * @package WordPress
 * @subpackage Twenty_Twelve
 * @since Twenty Twelve 1.0
 */
?>
<div id='service-dialog-overlay'>
</div>
<div id='service-dialog-container'>
	<div id='service-dialog'>
		<div class='service-col' id='service-col-qq'>
			<div class='icon'>
				<img src='<?php bloginfo('template_url'); ?>/img/service-qq.png'>
			</div>
			<div class='headers'>
				<h1>主力摄影</h1>
				<h2>在线客服(QQ)</h2>
			</div>
			<div class='qqs'>						
				<a class='qq' target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=953014170&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:953014170:41" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>												
				<a class='qq' target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1476296496&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:1476296496:41" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
				<a class='qq' target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2351460211&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2351460211:41" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
				<a class='qq' target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=97070911&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:97070911:41" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
				<a class='qq' target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2637441330&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2637441330:41" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>						
			</div>
			<div class='qq-main'>
				<div><img src='<?php bloginfo('template_url'); ?>/img/qq.png'></div>
				<h2>官方企业QQ</h2>
				<p class='qq-id'>800001106</p>						
			</div>
			<div class='notes'>
				请点击QQ面板右下角“放大镜”按钮，选择“找企业”选项卡，输入“800001106”添加即可。
			</div>
		</div>

		<div class='service-col' id='service-col-phone'>
			<div class='icon'>
				<img src='<?php bloginfo('template_url'); ?>/img/service-phone.png'>
			</div>
			<div class='headers'>
				<h1>线下联系</h1>
				<h2>客服电话</h2>
			</div>
			<div class='phones'>						
				<p class='phone-number'>0592-2223587</p>
				<p class='fax-number'>传真</p>
				<p class='fax-number'>0592-2224928</p>
			</div>					
			<div class='notes'>
				联系地址：厦门市厦禾路文灶863号九龙城3F
			</div>
		</div>
		<div class='close-btn'>
			<a href='#'><img src='<?php bloginfo('template_url'); ?>/img/close-btn.png'></a>
		</div>
		<div class='service-col' id='service-col-weibo'>
			<div class='icon'>
				<img src='<?php bloginfo('template_url'); ?>/img/service-weibo.png'>
			</div>
			<div class='headers'>
				<h1>新浪微博</h1>
				<h2>微博地址</h2>
			</div>
			<div class='phones'>						
				<p class='phone-number'>@厦门主力旅游婚纱摄影</p>
				<p class='fax-number'><a href='http://weibo.com/zhulisy'>http://weibo.com/zhulisy</a></p>
			</div>					
			<div class='notes'>
				<a target="_blank" href='http://zhulisy.tmall.com'><img src='<?php bloginfo('template_url'); ?>/img/service-taobao.png'></a>
				<p>http://zhulisy.tmall.com</p>
			</div>
		</div>

		
	</div>
</div>
